import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from '../views/Home.vue';
// import Async from '../views/Async.vue';
// import Async2 from '../views/Async2.vue';

Vue.use(VueRouter);

const routes = [
    {
        path: '/',
        name: 'Home',
        component: Home
    },
    // {
    //     path: '/aysnc',
    //     name: 'aysnc',
    //     component: Async
    // },
    // {
    //     path: '/aysnc2',
    //     name: 'aysnc2',
    //     component: Async2
    // },
    {
        path: '/about',
        name: 'About',
        // component: About
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
    }
];

const router = new VueRouter({
    routes
});

export default router;
